<template>
  <div class="app-content">
    <div class="left">
      <a href="https://vitejs.dev" target="_blank">
        <img src="/vite.svg" class="logo" alt="Vite logo"/>
      </a>
      <a href="https://vuejs.org/" target="_blank">
        <img src="./assets/vue.svg" class="logo vue" alt="Vue logo"/>
      </a>
      <p>這是vue</p>
    </div>
    <div id="container"></div>
  </div>
</template>

<style>
p {
  color: red;
}
</style>

<style scoped lang="scss">


.logo {
  width: 200px;
}

.left {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
}

.app-content {
  display: flex;

  div {
    flex: 1;
  }
}
</style>
